<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>笔记作者列表</title>
<%@ include file="/base/jsp/include.jsp"%>
</head>
<body>
	<div class="mini-toolbar" style="padding:2px;border-bottom:0;">
		<table style="width:100%;">
			<tr>
				<td style="width:100%;"><a class="mini-button"
					iconCls="icon-add" plain="true" onclick="addRow()">添加</a> <span
					class="separator"></span> <a class="mini-button"
					iconCls="icon-edit" plain="true" onclick="edit()">修改</a> <span
					class="separator"></span> <a class="mini-button"
					iconCls="icon-remove" plain="true" onclick="del()">删除</a><span
					class="separator"></span><a class="mini-button"
					iconCls="icon-cancel" plain="true" href="javascript:clearFilter()">清除筛选</a></td>
			</tr>
		</table>
	</div>
	<span id="module-name" style="display:none;">author</span>
	<!--撑满页面-->
	<div class="mini-fit">
		<div id="grid" class="mini-datagrid" style="width:100%;height:100%;"
			pageSize="20" borderStyle="border:1;" url="listNoteAuthor.do" idField="id"
			multiSelect="true" showFilterRow="true">
			<div property="columns">
				<div type="checkcolumn" field="authorId"></div>
				<div type="indexcolumn" headerAlign="center">序号</div>
				<div field="name" width="50" headerAlign="center" align="center">姓名
				<input id="nameFilter" property="filter" class="mini-textbox" style="width:100%;" onvaluechanged="onFilterChanged"/></div>
				<div field="description" width="50" headerAlign="center" align="center">描述
				<input id="descFilter" property="filter" class="mini-textbox" style="width:100%;" onvaluechanged="onFilterChanged"/></div>
				<div field="sex" width="50" headerAlign="center" align="center" renderer="sexHandler">性别		
                <input id="sexFilter" property="filter" class="mini-combobox" textField="text" valueField="id" emptyText="性别"
                        url="${path}/base/json/sex.json" allowInput="false" showNullItem="true" nullItemText="请选择..." onvaluechanged="onFilterChanged"/></div>
				<div field="img" width="50" headerAlign="center" align="center" renderer="pictureHandler">头像</div>	
				<div field="video" width="50" headerAlign="center" align="center" renderer="urlHandlerOutSite">介绍视频</div>	
				<div field="videoCover" width="50" headerAlign="center" align="center" renderer="pictureHandler">视频封面</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	mini.parse();
	var grid = mini.get("grid");
	grid.load();	
	var rssData;
	function addRow() {
		mini.open({
			url : "toEditNoteAuthor.do",
			title : "添加笔记作者",
			width : editorWinWidth,
			height : editorWinHeight,
			showMaxButton: Boolean,     //显示最大化按钮
			onload : function() {
				var iframe = this.getIFrameEl();
				var data = {
					action : "new"
				};
				iframe.contentWindow.SetData(data);
			},
			ondestroy : function(action) {
				grid.reload();
			}
		});
	}

	function del() {
		var rows = grid.getSelecteds();
		if (rows.length > 0) {
			mini.confirm("确定删除吗？", "确定？", function(action) {
				if (action == "ok") {
					var ids = [];
					for ( var i = 0, l = rows.length; i < l; i++) {
						var r = rows[i];
						ids.push(r.id);
					}
					var id = ids.join(",");
					grid.loading("操作中，请稍后......");
					$.ajax({
						url : "delNoteAuthor.do?id=" + id,
						success : function(text) {
							grid.reload();
						},
						error : function() {
						}
					});
				}
			});
		} else {
			mini.alert("请选中一条记录");
		}
	}
	


	function edit() {
		var rows = grid.getSelecteds();
		if (rows.length == 1) {
			var row = grid.getSelected();
			mini.open({
				url : "toEditNoteAuthor.do",
				title : "笔记作者编辑",
				width : editorWinWidth,
				height : editorWinHeight,
				showMaxButton: true,     //显示最大化按钮
				onload : function() {
					var iframe = this.getIFrameEl();
					var data = {
						action : "edit",
						id : row.id
					};
					iframe.contentWindow.SetData(data);
				},
				ondestroy : function(action) {
					grid.reload();
				}
			});
		} else if (rows.length > 1) {
			mini.alert("只能选一条记录");
		} else {
			mini.alert("请选中一条记录");
		}
	}

	
	var sexes = [
  		{id : 0,text : '男'}, 
  		{id : 1,text : '女'},
	];
	function sexHandler(e) {
		for ( var i = 0, l = sexes.length; i < l; i++) {
			var g = sexes[i];
			if (g.id == e.value)
				return g.text;
		}
		return "";
	}
       
   function onFilterChanged() {
       var name = mini.get("nameFilter").getValue();
       var desc = mini.get("descFilter").getValue();
       var sex = mini.get("sexFilter").getFormValue();
       grid.load({name: name, description : desc,sex : sex});
   }
	
	function clearFilter() {
	   mini.get("nameFilter").setValue("");
	   mini.get("descFilter").setValue("");
	   mini.get("sexFilter").setValue("");
       grid.load();
   }
</script>
</body>

</html>
